<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        /*文本修饰(text-decoration): 1.none(无装饰)  2.underline(下划线)  3.overline(上划线)
                                    4.line-through(删除线)
        可搭配如下值使用：1.dotted(虚线)   2.wavy(波浪线)  3.指定颜色*/
        /*绿色的虚线的上划线*/
        .p1{
            text-decoration: overline wavy rgb(0,255,0);
        }
        /*红色的波浪线的下划线*/
        .p2{
            text-decoration: red underline dotted;   /*顺序无所谓*/
            text-decoration: overline blue dotted;
        }

        /*文本对齐(text-align): 1.left(左对齐，默认)  2.right(右对齐) 3.center(居中对齐)*/
        .p3{
            text-align: center;
        }

    </style>
</head>
<body>
    <div class="p1">崩坏三</div>
    <div class="p2">崩坏三</div>
    <div class="p3">崩坏三</div>
    <div class="p4">崩坏三</div>
</body>
</html>